```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分支管理</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            color: #333;
            background-color: #fff;
        }
        .container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 2rem;
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
        }
        .header h1 {
            margin: 0;
        }
        .tabs {
            display: flex;
            gap: 1rem;
            margin-bottom: 1rem;
        }
        .tab {
            padding: 0.5rem 1rem;
            border-bottom: 2px solid transparent;
            cursor: pointer;
        }
        .tab.active {
            border-bottom-color: #007bff;
        }
        .search-bar {
            display: flex;
            gap: 1rem;
            margin-bottom: 2rem;
        }
        .search-input {
            flex: 1;
            padding: 0.5rem;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .table {
            width: 100%;
            border-collapse: collapse;
        }
        .table th,
        .table td {
            padding: 0.5rem;
            border: 1px solid #ddd;
        }
        .table th {
            background-color: #f8f8f8;
        }
        .button {
            padding: 0.5rem 1rem;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .button-secondary {
            background-color: #fff;
            color: #333;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Layout">
        <div class="header" data-antd-component="Row" data-antd-props='{"justify":"space-between","align":"middle"}'>
            <h1 data-antd-component="Typography.Title">分支</h1>
            <div data-antd-component="Space">
                <button class="button" data-antd-component="Button" data-antd-props='{"type":"primary"}'>+ 新建分支</button>
                <button class="button-secondary" data-antd-component="Button">分支对比</button>
                <button class="button-secondary" data-antd-component="Button" data-antd-props='{"icon":{"type":"ellipsis"}}'></button>
            </div>
        </div>
        <div class="tabs" data-antd-component="Tabs" data-antd-props='{"defaultActiveKey":"1"}'>
            <div class="tab active" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"1","tab":"活跃分支 1"}'>活跃分支 1</div>
            <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"2","tab":"我的分支 0"}'>我的分支 0</div>
            <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"3","tab":"全部分支 1"}'>全部分支 1</div>
            <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"4","tab":"非活跃分支 0"}'>非活跃分支 0</div>
        </div>
        <div class="search-bar" data-antd-component="Row" data-antd-props='{"align":"middle","gutter":16}'>
            <input type="text" class="search-input" data-antd-component="Input" data-antd-props='{"placeholder":"搜索分支名称或描述"}' />
            <div data-antd-component="Select" data-antd-props='{"placeholder":"类型","suffixIcon":{"type":"caret-down"}}'></div>
        </div>
        <table class="table" data-antd-component="Table" data-antd-props='{"columns":[{"title":"分支名称","dataIndex":"name"},{"title":"最近一次提交","dataIndex":"lastCommit"},{"title":"创建人","dataIndex":"creator"},{"title":"创建时间","dataIndex":"createdAt"},{"title":"起始分支","dataIndex":"baseBranch"},{"title":"Pull Request","dataIndex":"pullRequest"},{"title":"操作","dataIndex":"actions"}]}'>
            <thead>
                <tr>
                    <th>分支名称</th>
                    <th>最近一次提交</th>
                    <th>创建人</th>
                    <th>创建时间</th>
                    <th>起始分支</th>
                    <th>Pull Request</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div><i class="fa fa-angle-left" data-antd-component="Icon" data-antd-props='{"type":"angle-left"}'></i> er <i class="fa fa-angle-right" data-antd-component="Icon" data-antd-props='{"type":"angle-right"}'></i></div>
                        <div>暂无描述</div>
                    </td>
                    <td>默认分支</td>
                    <td>8天前</td>
                    <td>80274389</td>
                    <td>2025-04-17 17:23:42</td>
                    <td>0</td>
                    <td>
                        <button class="button-secondary" data-antd-component="Button" data-antd-props='{"icon":{"type":"ellipsis"}}'></button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
```